import { ReactNode, PropsWithChildren, CSSProperties } from "react";

// interface CccProps{
//     content:ReactNode;
//     children:ReactNode;
// }
type CccProps = PropsWithChildren<{
  content: ReactNode;
  color: CSSProperties["color"];
  styles?: CSSProperties;
}>;
function Ccc(props: CccProps) {
  console.log("props", props);

  return (
    <div>
      ccc:{props.content},{props.children}
    </div>
  );
}
function App() {
  return (
    <>
      <Ccc
        content={<div>666</div>}
        color="yellow"
        styles={{
          backgroundColor: "blue",
        }}
      >
        <button>7777</button>
      </Ccc>
    </>
  );
}
export default App;
